<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐友首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/index.min.css?v=<%=$version%>">
    <script src="//cdn.ronghub.com/RongIMLib-2.3.1.js"></script>
    <script src="//cdn.ronghub.com/RongEmoji-2.2.5.min.js"></script>
</head>
<body>
<div id="friendIndex" v-cloak>
    <div class="navFixed">
        <header>乐友<span class="friend-newf" @click="getAdd()"></span></header>
        <nav class="clearfix">
            <a :class="{active:indexs==1}" @click="getTab(1)">消息</a>
            <a :class="{active:indexs==2}" @click="getTab(2)">好友</a>
            <!--<a :class="{active:indexs==3}" @click="getTab(3)">圈子</a>-->
            <a :class="{active:indexs==4}" @click="getTab(4)">动态</a>
        </nav>
    </div>
    <div class="friendIndex-search" @click="getSearch(1)"><div>搜索</div></div>
    <div class="friendIndex-news">
        <input type="hidden" value="mgb7ka1nm4wyg" id="appKey">
        <input type="hidden" :value="userInfo.token" id="token">
        <input type="hidden" value="" id="chatRoomId">
        <template v-if="indexs==1">
            <div class="friendIndex" v-for="item in newsList" v-if="item.messageType!='UnknownMessage'">
                <div class="news-list" v-if="item.conversationType==1" @click="getIsshow(item,3)">
                    <a class="clearfix" v-if="item.content.user&&item.messageType!='ShareMessage'&&item.messageType!='ShopMessage'">
                        <template v-if="item.senderUserId==userInfo.chatId">
                            <template v-if="item.content.extra">
                                <span class="new-listLeft">
                                     <strong :style="bgimg(item.content.extra.headImg)"></strong>
                                </span>
                                <!--{{item.content.user.portrait}}-->
                                <div class="new-listRight">
                                    <h6 class="clearfix"><strong>{{item.content.extra.name}}</strong>
                                        <span class="news-data" v-if="getTimeDiff(item.sentTime)">{{getTimeDiff(item.sentTime)}}前</span>
                                    </h6>
                                    <p>{{item.content.content}}</p>
                                </div>
                            </template>
                            <template v-else>
                                 <span class="new-listLeft">
                                <strong :style="bgimg(getHead(2,item.targetId).headImg)"></strong>
                                     <!--<span class="checknews" v-if="item.check"></span>-->
                            </span>
                                <!--{{item.content.user.portrait}}-->
                                <div class="new-listRight">
                                    <h6 class="clearfix"><strong>{{getHead(2,item.targetId).name}}</strong>
                                        <span class="news-data" v-if="getTimeDiff(item.sentTime)">{{getTimeDiff(item.sentTime)}}前</span>
                                    </h6>
                                    <p>{{item.content.content}}</p>
                                </div>
                            </template>
                        </template>
                        <template v-else>
                           <span class="new-listLeft">
                                <strong :style="bgimg(item.content.user.portrait)"></strong>
                                <!--<span class="checknews" v-if="item.check"></span>-->
                            </span>
                            <!--{{item.content.user.portrait}}-->
                            <div class="new-listRight">
                                <h6 class="clearfix"><strong>{{item.content.user.name}}</strong>
                                    <span class="news-data" v-if="getTimeDiff(item.sentTime)">{{getTimeDiff(item.sentTime)}}前</span>
                                </h6>
                                <p>{{item.content.content}}</p>
                            </div>
                        </template>
                        <strong class="news-delete">删除</strong>
                    </a>
                    <a class="clearfix" v-if="item.objectName=='hkzh:share'&&item.messageType=='ShareMessage'||item.objectName=='hkzh:burstingshare'&&item.messageType=='ShopMessage'">
                        <template v-if="item.senderUserId==userInfo.chatId">
                            <span class="new-listLeft">
                                <strong :style="bgimg(getHead(2,item.targetId).headImg)"></strong>
                                <!--<span class="checknews" v-if="item.check"></span>-->
                            </span>
                            <!--{{item.content.user.portrait}}-->
                            <div class="new-listRight">
                                <h6 class="clearfix"><strong>{{getHead(2,item.targetId).name}}</strong>
                                    <span class="news-data" v-if="getTimeDiff(item.sentTime)">{{getTimeDiff(item.sentTime)}}前</span>
                                </h6>
                                <p>转发&nbsp;{{item.content.title}}</p>
                            </div>
                        </template>
                        <template v-else>
                            <span class="new-listLeft">
                                <strong :style="bgimg(item.content.user&&item.content.user.portrait)"></strong>
                                <!--<span class="checknews" v-if="item.check"></span>-->
                           </span>
                            <div class="new-listRight">
                                <h6 class="clearfix"><strong>{{item.content.user&&item.content.user.name}}</strong>
                                    <span class="news-data" v-if="getTimeDiff(item.sentTime)">{{getTimeDiff(item.sentTime)}}前</span>
                                </h6>
                                <p>转发&nbsp;{{item.content.title}}</p>
                            </div>
                        </template>
                        <strong class="news-delete">删除</strong>
                        <!--<strong class="news-shield">屏蔽<br>此人</strong>-->
                    </a>
                </div>
                <div class="news-list news-system" v-if="item.conversationType==6" @click="getIsshow(item,3)">
                    <a class="clearfix">
                        <span class="new-listLeft"></span>
                        <div class="new-listRight">
                            <h6><strong>系统消息</strong>
                                <span class="news-data">{{getTimeDiff(item.sentTime)}}</span>
                            </h6>
                            <p>{{item.content.content}}恭喜！您的乐看等级已经提升，请您领取奖励</p>
                            <!--<strong class="news-delete">删除</strong>-->
                        </div>
                        <strong class="news-delete">删除</strong>
                        <!--<strong class="news-shield">屏蔽<br>此人</strong>-->
                    </a>
                </div>
                <div class="news-list news-circle" v-if="item.conversationType==3">
                    <a class="clearfix">
                        <span class="new-listLeft">
                            <strong :style="bgimg(getHead(1,item.targetId).coverImgSrc)">
                                <span class="new-listCircle">圈子</span>
                            </strong>
                            <!--<span class="checknews" v-if="item.check"></span>-->
                        </span>
                        <div class="new-listRight">
                            <h6 @click="getIsshow(item,2)"><strong>{{getHead(1,item.targetId).circleName}}</strong>
                                <!--<span class="new-lable">交友征婚</span>-->
                                <span class="news-data" v-if="getTimeDiff(item.sentTime)">{{getTimeDiff(item.sentTime)}}前</span>
                            </h6>
                            <template v-if="item.objectName!='hkzh:share'&&item.objectName!='hkzh:burstingshare'">
                                <p>{{item.content.content}}</p>
                            </template>
                            <template v-else>
                                <p>转发&nbsp;{{item.content.title}}</p>
                                <!--<template v-if="item.senderUserId==userInfo.chatId">-->
                                    <!--<p>转发&nbsp;{{item.content.title}}</p>-->
                                <!--</template>-->
                                <!--<template v-else>-->
                                    <!--&lt;!&ndash;<p>转发&nbsp;{{item.content.message.content.title}}</p>&ndash;&gt;-->
                                <!--</template>-->
                            </template>

                            <!--<strong class="news-delete">删除</strong>-->
                        </div>
                        <strong class="news-delete">删除</strong>
                        <!--<strong class="news-shield">屏蔽<br>此人</strong>-->
                    </a>
                </div>
            </div>
        </template>
        <template v-if="indexs==2">
            <div class="friendsList">
                <div class="friendsList-list">
                    <a @click="getAdd()"><span class="friendsList-lyfiren"></span>好友推荐<span class="friendsList-more"></span></a>
                </div>
                <template v-for="(item,key) in friendList">
                    <div class="friendsList-list">
                        <div class="list-top">{{item.name}}</div>
                        <template v-for="list in item.list">
                            <a @click="getIsshow(list,1)">
                                <span class="list-topImg" @click.stop="getAdd(list.uid)" :style="bgimg(list.headImg)"></span>
                                {{list.name}}<span class="list-topGrade" :class="[list.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{list.level}}</span>
                            </a>
                        </template>
                    </div>
                </template>

                <!--<div class="friendsList-list">-->
                <!--<div class="list-top">B</div>-->
                <!--<a><span class="list-topImg"></span>便便<span class="list-topGrade friendsList-girl">LV.52</span></a>-->
                <!--<a><span class="list-topImg"></span>辨别<span class="list-topGrade friendsList-boy">LV.52</span></a>-->
                <!--</div>-->
            </div>
        </template>
        <template v-if="indexs==3">
            <div class="circleList">
                <div class="friendsList-list">
                    <a class="clearfix" href="/friend/myPost"><span class="circleList-wdtz"></span>我的帖子<span class="friendsList-more"></span></a>
                    <a class="clearfix" href="/friend/circleSquare"><span class="circleList-gcqz"></span>圈子广场<span class="friendsList-more"></span></a>
                    <!--<a class="clearfix"><span class="circleList-qyqz"></span>企业广场<span class="friendsList-more"></span></a>-->
                </div>
                <template v-for="(item,key) in circleList">
                    <div class="friendsList-list">
                        <div class="list-top" v-if="item.name==100">#</div>
                        <div class="list-top" v-else>{{item.name}}</div>
                        <template v-for="list in item.list">
                            <a class="clearfix" @click="getNext(list,2)">
                                <span class="list-topImg" :style="bgimg(list.coverImgSrc)"></span>
                                <div>
                                    <h6>{{list.circleName}}</h6>
                                    <p>{{list.categoryName}}<span>&bull;</span>{{list.userCount}}人</p>
                                </div>
                            </a>
                        </template>
                    </div>
                </template>
            </div>
        </template>
        <template v-if="indexs==4">
            <div class="dynamicList-label">
                <span @click="dynamicList(1)" :class="{active:dynamicListType==1}">全部关注</span>
                <span @click="dynamicList(2)" :class="{active:dynamicListType==2}">仅看好友</span>
                <span @click="dynamicList(3)" :class="{active:dynamicListType==3}">我的动态</span>
            </div>
            <div class="dynamicList">
                <template v-for="item in friendDynamic2">
                    <div class="dynamicList-list dynamicList-video" v-if="item.type==1">
                        <div class="dynamicList-title">
                            <span class="title-headImg" :style="bgimg(item.headImg)"></span>
                            <strong>{{item.name}}</strong>
                            <p>{{item.publishhDate}}<span>发布与{{item.categoryName}}</span></p>
                            <!--<span class="title-more"></span>-->
                        </div>
                        <h6>{{item.title}}</h6>
                        <div class="video-cent" :style="bgimg(item.coverImgSrc)" @click="getSearch(3,item)">
                            <strong class="adDetails-qplay"></strong>
                        </div>
                        <!--<div class="dynamicList-butt">-->
                            <!--<span class="dynamicList-comme" @click="getIsScreen(2,item)">{{item.commentCount}}</span>-->
                            <!--&lt;!&ndash;<span class="dynamicList-dianz" @click="getPraise(item)">{{item.praiseCount}}</span>&ndash;&gt;-->
                            <!--&lt;!&ndash;<span class="dynamicList-spsre"></span>&ndash;&gt;-->
                        <!--</div>-->
                    </div>
                    <div class="dynamicList-list dynamicList-txt" v-if="item.type==2">
                        <div class="dynamicList-title">
                            <span class="title-headImg" :style="bgimg(item.headImg)"></span>
                            <strong>{{item.name}}</strong>
                            <p>{{item.publishhDate}}<span>发布与集市</span></p>
                            <!--<span class="title-more"></span>-->
                        </div>
                        <div class="dynamicList-txtCent">
                            <span :style="bgimg(item.coverImgSrc)"></span>
                            <div>{{item.title}}</div>
                        </div>
                        <!--<div class="dynamicList-butt">-->
                            <!--<span class="dynamicList-comme" @click="getIsScreen(2,item)">{{item.commentCount}}</span>-->
                            <!--&lt;!&ndash;<span class="dynamicList-dianz" @click="getPraise(item)">{{item.praiseCount}}</span>&ndash;&gt;-->
                            <!--&lt;!&ndash;<span class="dynamicList-spsre"></span>&ndash;&gt;-->
                        <!--</div>-->
                    </div>
                    <div class="dynamicList-list" v-if="item.type==3">
                        <div class="dynamicList-title">
                            <span class="title-headImg"></span>
                            <strong>{{item.name}}</strong>
                            <p>{{item.publishhDate}}<span>发布与圈子</span></p>
                            <!--<span class="title-more"></span>-->
                        </div>
                        <h6>{{item.title}}</h6>
                        <div class="dynamicList-ImgCent clearfix">
                            <span :style="bgimg(item.coverImgSrc)"></span>
                        </div>
                        <div class="dynamicList-butt">
                            <span class="dynamicList-comme" @click="getIsScreen(2,item)">{{item.commentCount}}</span>
                            <!--<span class="dynamicList-dianz" @click="getPraise(item)">{{item.praiseCount}}</span>-->
                            <!--<span class="dynamicList-spsre"></span>-->
                        </div>
                    </div>
                </template>
            </div>
            <div class="loadtip" v-if="loadFlag"></div>
        </template>
        <!--<div class="news-list news-temporary">-->
        <!--<a class="clearfix">-->
        <!--<span class="new-listLeft"></span>-->
        <!--<div class="new-listRight">-->
        <!--<h6><strong>叫做你的那个叫做你的那个人人</strong><span class="new-lable">交友征婚</span><span class="news-data">3分钟前</span></h6>-->
        <!--<p>[语言]</p>-->
        <!--&lt;!&ndash;<strong class="news-delete">删除</strong>&ndash;&gt;-->
        <!--</div>-->
        <!--<strong class="news-delete">删除</strong>-->
        <!--<strong class="news-shield"><span>屏蔽<br>此人</span></strong>-->
        <!--</a>-->
        <!--</div>-->
    </div>
    <div id="chatPage" v-if="isShow">
        <div class="chatPage-top">
            <span class="goback" @click="getHide()"></span>
            {{name}}
            <span class="chatPage-topImg" @click="getCircleInfo()"></span>
        </div>
        <div id="chatPageCent" class="chatPage-cent">
            <!--<div class="chatPage-centData">05-10<span>19:31</span></div>-->
            <template v-for="item in messageRecordList">
                <template v-if="conversationType==1">
                    <div class="chatPage-centlist clearfix" v-if="item.senderUserId==item.targetId&&item.messageType=='TextMessage'">
                        <span class="centlist-head" :style="bgimg(item.content.user&&item.content.user.portrait)"></span>
                        <p>{{item.content.user.name}}</p>
                        <div class="centlist-cent">{{item.content.content}}</div>
                    </div>
                    <div class="chatPage-centlist clearfix" v-else-if="item.senderUserId==item.targetId&&item.messageType=='ImageMessage'">
                        <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                        <p>{{item.content.user.name}}</p>
                        <div class="centlist-img">
                            <img :src="'data:image/png;base64,'+item.content.content" class="lazy">
                        </div>
                    </div>
                    <div class="chatPage-centlist clearfix" v-if="item.senderUserId==item.targetId&&item.messageType=='UnknownMessage'">
                        <template v-if="item.content.message.content.user">
                            <span class="centlist-head" :style="bgimg(item.content.message.content.user.portrait)"></span>
                            <p>{{item.content.message.content.user.name}}</p>
                            <div class="centlist-cent centlist-unknown">
                                <strong :style="bgimg(item.content.message.content.imgSrc)"></strong>
                                <h6>{{item.content.message.content.title}}</h6>
                                <p>{{item.content.message.content.source}}</p>
                            </div>
                        </template>
                    </div>
                    <div class="chatPage-centlist1 clearfix" v-if="item.senderUserId!=item.targetId&&item.messageType!='ShareMessage'&&item.messageType!='ShopMessage'">
                        <span class="centlist-head" :style="bgimg(userInfo.headImg)"></span>
                        <p>{{userInfo.name}}</p>
                        <div class="centlist-cent">{{item.content.content}}</div>
                    </div>
                    <div class="chatPage-centlist clearfix" v-if="item.senderUserId==item.targetId&&item.messageType=='ShareMessage'">
                        <template v-if="item.content.user">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent centlist-unknown" @click="getSearch(2,item)">
                                <strong :style="bgimg(item.content.imgSrc)"></strong>
                                <h6>{{item.content.title}}<span class="list-topGrade" v-if="item.content.type==9" :class="[item.content.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.content.level}}</span></h6>
                                <p>{{item.content.source}}</p>
                            </div>
                        </template>
                    </div>
                    <div class="chatPage-centlist1 clearfix" v-if="item.senderUserId!=item.targetId&&item.messageType=='ShareMessage'">
                        <span class="centlist-head" :style="bgimg(userInfo.headImg)"></span>
                        <p>{{userInfo.name}}</p>
                        <div class="centlist-cent centlist-unknown" @click="getSearch(2,item)">
                            <strong :style="bgimg(item.content.imgSrc)"></strong>
                            <h6>{{item.content.title}}<span class="list-topGrade" v-if="item.content.type==9" :class="[item.content.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.content.level}}</span></h6>
                            <p>{{item.content.source}}</p>
                        </div>
                    </div>
                    <div class="chatPage-centlist clearfix" v-if="item.senderUserId==item.targetId&&item.messageType=='ShopMessage'">
                        <template v-if="item.content.user">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent centlist-shop" @click="getSearch(2,item)">
                                <h6><span v-if="item.content.type==8">[爆款抢券]</span><span v-if="item.content.type==7">[拼团抢券]</span>参与活动免费获取好礼，你还在等什么？</h6>
                                <div class="coupon-list centlist-shopCent">
                                    <strong class="coupon-lableIcon"></strong>
                                    <strong class="coupon-txt">{{item.content.discount}}折</strong>
                                    <strong class="slide-img" :style="bgimg(item.content.imgSrc)"></strong>
                                    <h6>{{item.content.title}}</h6>
                                    <span class="bursting-icon3"></span>
                                    <p>商品原价：&yen;{{item.content.pintegral}}</p>
                                </div>
                            </div>
                        </template>
                    </div>
                    <div class="chatPage-centlist1 clearfix" v-if="item.senderUserId!=item.targetId&&item.messageType=='ShopMessage'">
                        <span class="centlist-head" :style="bgimg(userInfo.headImg)"></span>
                        <p>{{userInfo.name}}</p>
                        <div class="centlist-cent centlist-shop" @click="getSearch(2,item)">
                            <h6><span v-if="item.content.type==8">[爆款抢券]</span><span v-if="item.content.type==7">[拼团抢券]</span>参与活动免费获取好礼，你还在等什么？</h6>
                            <div class="coupon-list centlist-shopCent">
                                <strong class="coupon-lableIcon"></strong>
                                <strong class="coupon-txt">{{item.content.discount}}折</strong>
                                <strong class="slide-img" :style="bgimg(item.content.imgSrc)"></strong>
                                <h6>{{item.content.title}}</h6>
                                <span class="bursting-icon3"></span>
                                <p>商品原价：&yen;{{item.content.pintegral}}</p>
                            </div>
                        </div>
                    </div>
                </template>
                <template v-else-if="conversationType==3">
                    <div class="chatPage-centlist clearfix" v-if="item.senderUserId!=userInfo.chatId">
                        <template v-if="item.messageType=='UnknownMessage'||item.messageType=='ShareMessage'">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent centlist-unknown" @click="getSearch(2,item)">
                                <strong :style="bgimg(item.content.imgSrc)"></strong>
                                <h6>{{item.content.title}}<span class="list-topGrade" v-if="item.content.type==9" :class="[item.content.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.content.level}}</span></h6>
                                <p>{{item.content.source}}</p>
                            </div>
                        </template>
                        <template v-if="item.messageType=='ShopMessage'">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent centlist-shop" @click="getSearch(2,item)">
                                <h6><span v-if="item.content.type==8">[爆款抢券]</span><span v-if="item.content.type==7">[拼团抢券]</span>参与活动免费获取好礼，你还在等什么？</h6>
                                <div class="coupon-list centlist-shopCent">
                                    <strong class="coupon-lableIcon"></strong>
                                    <strong class="coupon-txt">{{item.content.discount}}折</strong>
                                    <strong class="slide-img" :style="bgimg(item.content.imgSrc)"></strong>
                                    <h6>{{item.content.title}}</h6>
                                    <span class="bursting-icon3"></span>
                                    <p>商品原价：&yen;{{item.content.pintegral}}</p>
                                </div>
                            </div>
                        </template>
                        <template v-else-if="item.messageType!='UnknownMessage'&&item.messageType!='ShareMessage'&&item.messageType!='ShopMessage'">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent">{{item.content.content}}</div>
                        </template>
<!--                        <template v-else-if="item.messageType=='ShareMessage'||item.messageType=='ShopMessage'">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent centlist-unknown">
                                <strong :style="bgimg(item.content.imgSrc)"></strong>
                                <h6>{{item.content.title}}</h6>
                                <p>{{item.content.source}}</p>
                            </div>
                        </template>
                        <template v-else-if="item.messageType!='ShareMessage'&&item.messageType!='ShopMessage'">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent">{{item.content.content}}</div>
                        </template>-->
                        <template v-else-if="item.messageType=='TextMessage'">
                            <span class="centlist-head" :style="bgimg(item.content.user.portrait)"></span>
                            <p>{{item.content.user.name}}</p>
                            <div class="centlist-cent">{{item.content.content}}</div>
                        </template>
                    </div>
                    <div class="chatPage-centlist1 clearfix" v-else-if="item.senderUserId==userInfo.chatId">
                        <template v-if="item.messageType=='ShareMessage'">
                            <span class="centlist-head" :style="bgimg(userInfo.headImg)"></span>
                            <p>{{userInfo.name}}</p>
                            <div class="centlist-cent centlist-unknown" @click="getSearch(2,item)">
                                <strong :style="bgimg(item.content.imgSrc)"></strong>
                                <h6>{{item.content.title}}<span class="list-topGrade" v-if="item.content.type==9" :class="[item.content.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.content.level}}</span></h6>
                                <p>{{item.content.source}}</p>
                            </div>
                        </template>
                        <template v-if="item.messageType=='ShopMessage'">
                            <span class="centlist-head" :style="bgimg(userInfo.headImg)"></span>
                            <p>{{userInfo.name}}</p>
                            <div class="centlist-cent centlist-shop" @click="getSearch(2,item)">
                                <h6><span v-if="item.content.type==8">[爆款抢券]</span><span v-if="item.content.type==7">[拼团抢券]</span>参与活动免费获取好礼，你还在等什么？</h6>
                                <div class="coupon-list centlist-shopCent">
                                    <strong class="coupon-lableIcon"></strong>
                                    <strong class="coupon-txt">{{item.content.discount}}折</strong>
                                    <strong class="slide-img" :style="bgimg(item.content.imgSrc)"></strong>
                                    <h6>{{item.content.title}}</h6>
                                    <span class="bursting-icon3"></span>
                                    <p>商品原价：&yen;{{item.content.pintegral}}</p>
                                </div>
                            </div>
                        </template>
                        <template v-if="item.messageType!='ShareMessage'&&item.messageType!='ShopMessage'">
                            <span class="centlist-head" :style="bgimg(userInfo.headImg)"></span>
                            <p>{{userInfo.name}}</p>
                            <div class="centlist-cent">{{item.content.content}}</div>
                        </template>
                    </div>
                </template>
            </template>
        </div>
        <div class="chatPage-butt">
            <!--<span class="chatPage-yyin"></span>-->
            <input type="text" placeholder="请输入消息..." v-model="text">
            <span class="chatPage-add" @click="getSendMessage()">发送</span>
        </div>
        <prompt-view ref="prompt"></prompt-view>
    </div>
    <div class="selfMediaVd-comment" :class="{'maskShow':isScreen==2}">
        <h6 class="comment-title">
            <strong class="active" @click="getCommentTab(2)">评论</strong>
            <span class="selfMediaVd-paixud" @click="getIsScreen()"></span>
        </h6>
        <div class="comment-cent">
            <div class="comment-list" v-for="item in commentList2">
                <span class="comment-listHead" :style="bgimg(item.headImg)"></span>
                <div class="comment-listRight">
                    <h6>{{item.content}}</h6>
                    <p>{{item.uName}}<span>&bull;</span>{{item.createDate}}</p>
                    <div class="comment-listBtn">
                        <span :class="{'1':'selfMediaVd-good1','0':'selfMediaVd-good'}[''+item.praiseState]" @click="praiseMediaAdvComment(item.praiseState,item.commentId)">{{item.praiseCount}}</span>
                        <!--<span class="selfMediaVd-spcha">45</span>-->
                        <span class="selfMediaVd-sppl" @click="getCommentInfo(item.commentId)">{{item.commentCount}}</span>
                        <span class="selfMediaVd-more1"></span>
                    </div>
                    <span class="comment-listButt" v-if="item.commentCount>0" @click="getCommentInfo(item.commentId)">查看<span>{{item.commentCount}}</span>条回复</span>
                </div>
            </div>
            <div class="loadtip" v-if="loadFlag"></div>
        </div>
        <div class="comment-butt">
            <span class="selfMediaVd-wirt"></span>
            <input type="text" v-model="commentText" placeholder="我来说两句...">
            <span class="selfMediaVd-send" @click="comment()">发送</span>
        </div>
    </div>
    <div id="mask1" :class="{'maskShow':isScreen}"></div>
    <footer-view :number="3"></footer-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<!--<script type="text/javascript" src="/js/friend/init.js?v=<%=$version%>"></script>-->
<script type="text/javascript" src="/js/friend/index.js?v=<%=$version%>"></script>
<script>
    // $("img.lazy").lazyload();

</script>

</body>
</html>